<script>
    $(document).ready(function(){
        var bnd =  $("#hid").val();
         if (parseInt(bnd) == 1) {
            $("#fade_out").fadeOut(0);
            $("#fadeInAgregar").fadeIn(200);
            bnd = 0;    
         };
        generic.validaForm("myFormEditaActividad");
        generic.validaForm("myFormNvaActividad");
       // 
        $("#iframeContent").load(function(){
            var myDiv = this.contentWindow.document.getElementsByTagName('div');
            if(myDiv.length>0){
            var idDiv = myDiv[0].getAttribute('id');
            
            var addClase = "";
            
            if(idDiv == 'asd'){
                addClase = "alert alert-danger";
            }else{

                addClase = "alert alert-success";
                $('#btnNvoCapitulo').removeClass('disabled');
                
            }
            textError = $(myDiv[0]).html();
            (textError!='')?function(){
                $('#contentFrame').html(textError).addClass(addClase).css("height", '48px');    
           }()
           :function(){
            $('#contentFrame').removeClass(addClase).empty().css("height", '0px');;
           }();
        }
        
        });

        $("input[name='rdoActividad']").click(function(){
            var id = $(this).attr('id');

            $('#btnEliminar').removeClass("disabled");
            $('#btnMostrar').removeClass("disabled");
            $('#hid1').val(id);
        });

        $("#btnReset").click(function(){
            $("#fade_out").fadeIn(200);
            $("#fade_in").fadeOut(0);
        });

         $("#btnReset1").click(function(){
            $("#fade_out").fadeIn(200);
            $("#fadeInAgregar").fadeOut(0);
        });        

        $("#btnEliminar").click(function(){
            var id = $('#workArea').find('#hid1').val();
            generic.eliminaActividad(id);
        });

        $("#btnMostrar").click(function(){
            var id = $('#workArea').find('#hid1').val();
            generic.cargaDatosAct(id);
        });

        $("#btnAgregar").click(function(){
            $("#fade_out").fadeOut(0);
            $("#fadeInAgregar").fadeIn(200);
        });

        $("input[name='rdoCuestionario']").click(function(){
            $('#btnGuardaActividad').removeClass("disabled");
        });
        
        $('#txtContenido,#txtDescripcion').ckeditor();
    });
</script>
<div id="contentFrame"></div>
<div class="well" style="margin: 0px;">
    <div id="fade_out">
        <legend>Listado de Actividades</legend>
        <span class="help-block">Seleccione una actividad(Si existen), o Agrege alguna</span>
        <div class="border-table">
            <div class="cntRegistros">
                <table class="table table-hover">
                    <tbody>
                        <?php
          
                            require("autoload.php");
                            $rs = generic::muestraActividad();

                            if($rs['status']){
                                if($rs['total'] >= 1){
                                    $actividades = $rs['rows'];

                                    for ($i=0; $i < count($actividades); $i++) {
                                        echo "<tr>";
                                        echo "<td>";
                                        echo "<div class='radio'>";
                                        echo "<label>";

                                        echo "<input type='radio' name='rdoActividad' id='" . $actividades[$i]['IdActividad'] . "'>" . $actividades[$i]['DescripcionCorta'];
                                        echo "</label>";
                                        echo "</div";
                                        echo "</td>";
                                        echo "</tr>";
                                    }
                                }
                            }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-lg-12" style="text-align: right;">
            <div class="btn-group">
                <input type="button" id="btnEliminar" class="btn btn-primary disabled" value="Eliminar">
                <input type="button" id="btnMostrar" class="btn btn-primary disabled" value="Editar">
                <input type="button" id="btnAgregar" class="btn btn-primary" value="Agregar">
            </div>
            
        </div>
    </div>
    <div id="fade_in">
        <legend>Actividad</legend>
        <div style="text-align:right;"><button type="button" id="btnReset" class="btn btn-link" value="Seleccionar">Seleccionar</button></div>
        <form id="myFormEditaActividad" name="myForm" action="modules/newUser.php" method="POST" target="response" class="bs-example form-horizontal" role="form">
            <input type="hidden" id="hid1" name="idActividad" value="">
            <div class="form-group">
                <label for="rdoCuestionario" class="col-lg-2 control-label">Cuestionarios</label>
                <div class="col-lg-10">
                    <div class="border-table">
                        <div class="cntRegistros">
                            <table class="table table-hover">
                                <tbody id="contenidoCuestAct">
                                    <?php

                                        $rs = generic::muestraCuestionarios();

                                        if($rs['status']){
                                            if($rs['total'] >= 1){
                                                $cuestionarios = $rs['rows'];

                                                for ($i=0; $i < count($cuestionarios); $i++) {
                                                    echo "<tr>";
                                                    echo "<td>";
                                                    echo "<div class='radio'>";
                                                    echo "<label>";
                                                    echo "<input type='radio' id='rdo" . $cuestionarios[$i]['IdCuestionario'] . "' name='rdoCuestionario' value='" . $cuestionarios[$i]['IdCuestionario'] . "' />" . $cuestionarios[$i]['Descripcion'];
                                                    echo "</label>";
                                                    echo "</div>";
                                                    echo "</td>";
                                                    echo "</tr>";
                                                }
                                            }
                                        }
                                    ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label for="txtDescripcion" class="col-lg-2 control-label">Descripción</label>
                <div class="col-lg-10">
                        <textarea class="form-control" id="txtDescripcion" name="txtDescripcion"></textarea>
                    <span class="help-block">Breve descripción de la actividad.</span>
                </div>
            </div>
            <div class="form-group">
                <label for="txtContenido" class="col-lg-2 control-label">Contenido</label>
                <div class="col-lg-10">
                    <textarea class="form-control" rows="5" id="txtContenido" name="txtContenido"></textarea>
                </div>
            </div>
            <div class="form-group" id="frmfecha">  
                <label for="txtFecha" class="col-lg-2 control-label">Fecha Vigencia</label>
                <div class="col-lg-3">
                    <input type="text" class="form-control" id="txtFecha" name="txtFecha" placeholder="YYYY-MM-DD">
                </div>
            </div>
            <div class="form-group">
                <label for="chkGenerica" class="col-lg-2 control-label">Es Genérica?</label>
                <div class="col-lg-10">
                    <div class="checkbox">
                        <label><input type="checkbox" id="chkGenerica" name="chkGenerica"></label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-10 col-lg-offset-2" style="text-align: right;">
                    <button type="submit" name="btnEditActividad" class="btn btn-primary">Guardar</button>
                </div>
            </div>
        </form>
    </div>
    <div id="fadeInAgregar"> <!-- alta de actividades -->
       
            <form id="myFormNvaActividad" name="myFormNvaActividad" action="modules/newUser.php" method="POST" target="response" class="bs-example form-horizontal" role="form">
                <fieldset>
                   <legend>Actividad</legend>
                    <div style="text-align:right;"><button type="button" id="btnReset1" class="btn btn-link" value="Seleccionar">Seleccionar</button></div>
                   <div class="form-group">
                <label for="rdoCuestionario" class="col-lg-2 control-label">Cuestionarios</label>
                <div class="col-lg-10">
                  <div class="border-table">
                    <div class="cntRegistros">
                        <table class="table table-hover">
                          <tbody>
                            <?php
                            //echo'asd' ;                             
                              
                              $rs = generic::muestraCuestionarios();
                            
                              if($rs['status']){
                                if($rs['total'] >= 1){
                                  $cuestionarios = $rs['rows'];
                                 for ($i=0; $i < count($cuestionarios); $i++) {

                                    echo "<tr>";
                                    echo "<td>";
                                    echo "<div class='radio'>";
                                    echo "<label>";
                                    echo "<input type='radio' id='" . $cuestionarios[$i]['IdCuestionario'] . "' name='rdoCuestionario' value='" . $cuestionarios[$i]['IdCuestionario'] . "' />" . $cuestionarios[$i]['Descripcion'];
                                    echo "</label>";
                                    echo "</div>";
                                    echo "</td>";
                            echo "</tr>";
                          }
                        }
                      }
                    ?>
                  </tbody>
                </table>
            </div>
            </div>
        </div>
      </div>
              <div class="form-group">
                <label for="txtDescripcion" class="col-lg-2 control-label">Descripción</label>
                  <div class="col-lg-10">
                    <textarea class="form-control" rows="2" id="txtDescripcion" name="txtDescripcion" contenteditable="true"></textarea>
                    <span class="help-block">Breve descripción de la actividad.</span>
                  </div>
              </div>
              <div class="form-group">
                <label for="txtContenido" class="col-lg-2 control-label">Contenido</label>
                <div class="col-lg-10">
                  <textarea class="form-control" rows="5" id="txtContenido" name="txtContenido"></textarea>
                </div>
              </div>
              <div class="form-group" id="frmfecha">
                <label for="txtFecha" class="col-lg-2 control-label">Fecha Vigencia</label>
                <div class="col-lg-3">
                  <input type="text" class="form-control" id="txtFecha" name="txtFecha" placeholder="YYYY-MM-DD">
                </div>
                <label id="lblFecha" for="txtFecha" class="col-lg-1 control-label"></label>
              </div>
              <div class="form-group">
                <label for="chkGenerica" class="col-lg-2 control-label">Es Genérica?</label>
                <div class="col-lg-10">
                  <div class="checkbox">
                    <label>
                      <input type="checkbox" id="chkGenerica" name="chkGenerica">
                    </label>
                  </div>
                </div>
              </div>
              
      <div class="form-group">
        <div class="col-lg-10 col-lg-offset-2" style="text-align: right;">
            <a href="javascript:generic.init('modifCap')" id="btnNvoCapitulo" name="btnNvoCapitulo" class="btn btn-warning disabled" role="button">Agregar Capitulo</a>
            <!-- <button type="button" id="btnNvoCapitulo" name="btnNvoCapitulo" class="btn btn-primary disabled">Agregar Capitulo</button> -->
          <button type="submit" id="btnGuardaActividad" name="btnGuardaActividad" class="btn btn-primary disabled">Guardar</button>

        </div>
      </div>
    </fieldset>
            </form>
        

    </div>
</div>
<iframe id="iframeContent" name="response" style="display:none;"></iframe>